<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/api-class.css">
</head>

<body>
    <!-- 1.头部 -->
    <header>
        <!-- logo -->
        <img src="./imgs/new-logo-white.png" alt="源码数据" class="logo fl mt20 ml30">
        <!-- 导航 -->
        <ul class="nav abs font14">
            <li><a href="#">首页</a></li>
            <li class="active"><a href="#">API</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">案例</a></li>
            <li><a href="#">开发者</a></li>
        </ul>
        <!-- 登录和注册 -->
        <div class="right-box fr mt20 mr30 font12">
            <a href="#">登录</a><a href="#" class="register">注册有礼</a>
        </div>
    </header>
    <div id="api-class" class="container pt50">
        <p class="font28">API分类</p>
        <ul class="clearfix ul-one mt12">
            <li class="active"><a href="#">全部</a></li>
            <li><a href="#">生活服务</a></li>
            <li><a href="#">金融科技</a></li>
            <li><a href="#">交通地理</a></li>
            <li><a href="#">充值缴费</a></li>
            <li><a href="#">数据智能</a></li>
            <li><a href="#">企业工商</a></li>
            <li><a href="#">应用开发</a></li>
            <li><a href="#">电子商务</a></li>
            <li><a href="#">吃喝玩乐</a></li>
            <li><a href="#">文娱视频</a></li>
            <li><a href="#">免费接口大全</a></li>
            <li><a href="#">短信</a></li>
            <li><a href="#">汽车</a></li>
            <li><a href="#">核验</a></li>
            <li><a href="#">最新发布</a></li>
            <li><a href="#">API私有化部署</a></li>


        </ul>
    </div>
    <div id="api-search" class="container mt60 rel">
        <span class="font12 mr16 fontbold">全部</span>
        <input type="text" placeholder="&emsp;身份证实名"><img class="sousuo abs" src="./imgs/magnifier.png" alt="">
    </div>
    <div id="api-list" class="container pt20">
        <ul class="clearfix">
            <li>
                <img src="./imgs/API_01.jpg" alt="">
                <p class="mt14 c8e8c8f font14">2021出行防疫政策指南</p>
                <p class="font16 c67c68c mt14">免费</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_02.jpg" alt="">
                <p class="mt14 c8e8c8f font14">身份证实名认证</p>
                <p class="font16 cff657b mt14">￥0.2000/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_03.jpg" alt="">
                <p class="mt14 c8e8c8f font14">天气预报</p>
                <p class="font16 c67c68c mt14">免费</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_04.jpg" alt="">
                <p class="mt14 c8e8c8f font14">银行卡四元素校验</p>
                <p class="font16 cff657b mt14">￥0.3360/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_05.jpg" alt="">
                <p class="mt14 c8e8c8f font14">短信API服务</p>
                <p class="font16 cff657b mt14">￥0.0400/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_01.jpg" alt="">
                <p class="mt14 c8e8c8f font14">2021出行防疫政策指南</p>
                <p class="font16 c67c68c mt14">免费</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_02.jpg" alt="">
                <p class="mt14 c8e8c8f font14">身份证实名认证</p>
                <p class="font16 cff657b mt14">￥0.2000/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_03.jpg" alt="">
                <p class="mt14 c8e8c8f font14">天气预报</p>
                <p class="font16 c67c68c mt14">免费</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_04.jpg" alt="">
                <p class="mt14 c8e8c8f font14">银行卡四元素校验</p>
                <p class="font16 cff657b mt14">￥0.3360/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_05.jpg" alt="">
                <p class="mt14 c8e8c8f font14">短信API服务</p>
                <p class="font16 cff657b mt14">￥0.0400/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_01.jpg" alt="">
                <p class="mt14 c8e8c8f font14">2021出行防疫政策指南</p>
                <p class="font16 c67c68c mt14">免费</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_02.jpg" alt="">
                <p class="mt14 c8e8c8f font14">身份证实名认证</p>
                <p class="font16 cff657b mt14">￥0.2000/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_03.jpg" alt="">
                <p class="mt14 c8e8c8f font14">天气预报</p>
                <p class="font16 c67c68c mt14">免费</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_04.jpg" alt="">
                <p class="mt14 c8e8c8f font14">银行卡四元素校验</p>
                <p class="font16 cff657b mt14">￥0.3360/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_05.jpg" alt="">
                <p class="mt14 c8e8c8f font14">短信API服务</p>
                <p class="font16 cff657b mt14">￥0.0400/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_01.jpg" alt="">
                <p class="mt14 c8e8c8f font14">2021出行防疫政策指南</p>
                <p class="font16 c67c68c mt14">免费</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_02.jpg" alt="">
                <p class="mt14 c8e8c8f font14">身份证实名认证</p>
                <p class="font16 cff657b mt14">￥0.2000/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <img src="./imgs/API_03.jpg" alt="">
                <p class="mt14 c8e8c8f font14">天气预报</p>
                <p class="font16 c67c68c mt14">免费</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_04.jpg" alt="">
                <p class="mt14 c8e8c8f font14">银行卡四元素校验</p>
                <p class="font16 cff657b mt14">￥0.3360/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
            <li>
                <span class="abs font12  tcenter">企业专用</span>
                <img src="./imgs/API_05.jpg" alt="">
                <p class="mt14 c8e8c8f font14">短信API服务</p>
                <p class="font16 cff657b mt14">￥0.0400/次</p>
                <a class="font12" href="#">申请数据</a>
            </li>
        </ul>
    </div>
    <div id="page" class="container font14 tcenter">
        <a class="one" href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">6</a>
        <a href="#">7</a>
        <a href="#">8</a>
        <a href="#">......</a>
        <a class="xia" href="#">下一页></a>
    </div>
    <!-- 尾部 -->
    <footer class="pt45 pb25">
        <div class="container">
            <div class="top clearfix">
                <div class="top-left fl">
                    <ul class="big-ul clearfix">
                        <li>
                            <ul class="small-ul">
                                <li>联系与支持</li>
                                <li>400-882-7715</li>
                                <li>售前咨询</li>
                                <li>客服&售后</li>
                                <li>常见问题</li>
                                <li>极速工单</li>
                                <li>投诉与建议</li>
                            </ul>
                        </li>
                        <li>
                            <ul class="small-ul">
                                <li>关于源码</li>
                                <li>合作伙伴</li>
                                <li>服务条款</li>
                                <li>隐私政策</li>
                                <li>市场合作</li>
                                <li>反商业贿赂声明单</li>
                            </ul>
                        </li>
                        <li>
                            <ul class="small-ul">
                                <li>快速入口</li>
                                <li>API数据</li>
                                <li>黑钻会员</li>
                                <li>新闻动态</li>
                                <li>联系我们</li>
                                <li>加入我们</li>
                            </ul>
                        </li>
                        <li>
                            <ul class="small-ul">
                                <li>产品服务</li>
                                <li>云监测</li>
                                <li>云查询</li>
                                <li>云助手</li>
                                <li>聚盒子</li>
                                <li>云充值</li>
                            </ul>
                        </li>
                        <li>
                            <ul class="small-ul">
                                <li>解决方案</li>
                                <li>数字中台</li>
                                <li>慧集：API生命周期管理</li>
                                <li>有赢：助力企业营销</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="top-right fr">
                    <p class="font16">微信公众号</p>
                    <p class="font12 mt16 hhh">源码时代</p>
                    <img class="mt30" src="./imgs/wechat-white.png" alt="">
                </div>
            </div>
            <div class="buttom clearfix mt30">
                <div class="buttom-left fl font12"><img src="./imgs/bei2.png" alt=""><img class="mlr8" src="./imgs/bei1.png" alt=""> 增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
                </div>
                <div class="buttom-right font12 fr">
                    源码大数据股份有限公司©版权所有
                </div>
            </div>
        </div>
    </footer>
</body>

</html>